<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>圆角边框</title>
<style type="text/css">
img{
	border:8px solid rgba(255,0,0,.9);
	border-radius:50%; /*分别设置四个角水平半径和垂直半径值*/
    /*border-radius:50px 20px/30px 60px;*/                      /*2个参数值*/
	/*border-radius:50px 20px 10px/30px 40px 60px;*/            /*3个参数值*/
	/*border-radius:50px 30px 20px 10px/50px 30px 20px 10px;*/  /*4个参数值全写*/
	/*border-radius:50px 30px 20px 10px;*/          /*4个参数值简写*/
	/*border-radius:150px;*/                        /*设置显示效果为圆形*/
	/*border-radius:50%;*/                          /*使用%设置显示效果为圆形*/
}
</style>
</head>
<body>
<img class="circle" src="images/2.jpg" alt="小熊图片"/>
</body>
</html>